<template name='channelmobilecover'>
    {{#if author}}
    <div id="channelcover" class="channelcover pos-rel {{#unless author.json.profile.cover_image}}{{randomBackgroundColor}}{{/unless}}" style="max-height: 145px;overflow: hidden;">
        {{#if author.json.profile.cover_image}}
            <img src="{{userCover author.json.profile.cover_image}}" class="pos-abs" style="object-fit: cover;width: 100%;height: 100%;">
        {{/if}}
        <div class="ui image circular"
            style="background-size:cover; float: left;top: 10px;left: 20px; min-width:128px; width:128px; height: 128px; background-image:url({{userPic user.name ''}})">
        </div>
        {{#if equals activeUser user.name}}
        <!-- <div class="ui labeled small button pos-abs" tabindex="0" style="float: right;right: 10px;bottom: 10px;">
            {{>buttoneditprofile}}
        </div> -->
        {{else}}
        {{#if isSubscribedTo user.name}}
        <div class="ui labeled small button pos-abs" tabindex="0" style="float: right;right: 10px;bottom: 10px;">
            {{>buttonunsubscribe}}
        </div>
        {{else}}
        <div class="ui labeled small button pos-abs" tabindex="0" style="float: right;right: 10px;bottom: 10px;">
            {{>buttonunsubscribe}}
        </div>
        {{/if}}
        {{/if}}
        <div class="ui pos-abs" tabindex="0" style="float: right;right: 10px;top: 10px; color:white;text-shadow: 2px 2px 2px #262626;">
            <h1>{{author.name}}</h1>
        </div>
        
    </div>
    <div class="wid-ful">
        <div id="showchannelinfo" class="ui grid" style="padding: 0px;margin:0px!important; max-width: 100%;">
            <div class="ui fluid compact menu brd-rad-non" style="min-height:0px!important;display: block;border-width:0px;">
                <!-- <div class="ui videoshowmore   label" style="margin-left: 0em;float:right;">
                    <i class="icon red star"></i>{{displayReputation author.reputation}}
                </div> -->
                <div class="ui videoshowmore   label" style="margin-left: 0em;float:right;">
                    <i class="icon yellow lightning"></i>{{displayVotingPower author 0}}
                </div>
                <div class="ui videoshowmore   label" style="margin-left: 0em;float:right;">
                    <i class="icon red play"></i>{{displayMoney author.balance 0 'DTC'}}
                </div>
            </div>
        </div>
    </div>
    {{/if}}
</template>
